@charset "utf-8";
html { font-size: 100px;}
html,body { font-size: 0.18rem;}
.w145{ max-width: 14.5rem; margin: 0 auto;}

.header{ padding-bottom: 0.3rem; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0.15) 88%);}
.header .top{ font-size: 0.14rem; line-height: 0.38rem;}
.header .top .fl a, .header .top .fr a, .header .top .fr span{ padding: 0 0.1rem; color: #fff; background: url(../images/bg_header_a.png) no-repeat right center;}
.header .top .fr span{ display: none;}
.header .top .fl a:nth-last-of-type(1), .header .top .fr a:nth-last-of-type(1){ background: transparent;}

/****主网站-二级页面-head****/
.header.mk-header{ padding-bottom: 0; background-image: url(../images/bg_blue_head.png); background-repeat: no-repeat; background-position: center bottom; background-size: cover;}
.header.mk-header .logo_search{ height: 0.75rem; margin: 0.48rem 0 0.7rem 0; position: relative;}
.header.mk-header .logo_search .logo{ width:4.8rem; height: 100%; background: url(../images/bg_ej_logo.png) center no-repeat; background-size: 100%; display: block; position: absolute; top: 0; left: 0; right:auto; bottom: 0;}
.header.mk-header .logo_search .search { width:4.7rem; height: 0.48rem; margin-top: 0.12rem; position: relative;}
.header.mk-header .logo_search .search input[type="text"] { width: 100%; height: 100%; padding-left: 0.15rem; font-size: 0.16rem; color: #fff; background-color: rgba(255, 255, 255, 0.3); border-radius: 0.03rem;}
.header.mk-header .logo_search .search input::placeholder{ color: #fff;}
.header.mk-header .logo_search .search input[type="button"] { width:0.48rem; height: 0.48rem; position: absolute; top:50%; right: 0.1rem; transform: translate(0, -50%); background: url(../images/bg_ej_searchbtn.png) no-repeat center; background-size: 100%; cursor: pointer;}
.header.mk-header .head_nav { background-color: #2a6abb; box-shadow: 0 0.01rem 0.06rem rgba(255, 255, 255, 0.6);}
.header.mk-header .head_nav ul li { width: calc(100% / 7); float: left; font-size:0.22rem; line-height: 0.62rem; text-align: center;}
.header.mk-header .head_nav ul li a { color: #fff; display: block; position: relative;}
.header.mk-header .head_nav ul li a span{ display: block; position: relative; z-index: 1;}
.header.mk-header .head_nav ul li a i{ width:0; height: 0.62rem; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); background-color: #0a54a6;}
.header.mk-header .head_nav ul li:nth-of-type(1) a em{ width:100%; height: 100%; font-weight: bold; text-align: center; line-height: 0.42rem; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); display: none;}
.header.mk-header .head_nav ul li:nth-of-type(1) a em img{ width:0.56rem; height: 0.56rem; margin: 0 auto; display: block;}
.header.mk-header .head_nav ul li a:hover i, .header.mk-header .head_nav ul li a.active i { width:100%;}

/****走进涪陵-head，投资涪陵-head****/
.banner .banner-con{ background: url(../images/bg_banner_con.png) repeat-x top left; position: absolute; top: 0; left: 0; right: 0;}
.banner .banner-con .header{ bottom: auto; z-index: 2;}
.banner .banner-con .header .top{}
.banner .banner-con .header .top .s-box{ width: 0.40rem; height: 0.30rem; margin: 0.04rem 0; padding-right: 0.1rem; float: left; display: inline-block; position: relative; background: url(../images/bg_header_a.png) no-repeat right center;}
.banner .banner-con .header .top .s-box input[type="text"]{ width: 0; height: 0.30rem; font-size: 0.15rem; line-height: 0.30rem; border: 0; background: #FFFFFF; display: block; position: absolute; right: 0; z-index: 101;}
.banner .banner-con .header .top .s-box input[type="button"]{ width:0.30rem; height: 0.30rem; background: url(../images/bg_searchbtn.png) no-repeat center center; border: 0; position: absolute; top: 0; right: 0.1rem; cursor: pointer; z-index: 102;}
.banner .banner-con .header .top .s-box input[type="text"], .banner .banner-con .header .top .s-box input[type="button"]{ transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear;}
.banner .banner-con .header .top .s-box:hover input[type="text"]{ width: 2rem; padding: 0 0.15rem; right: 0; border-radius: 0.03rem;}
.banner .banner-con .header .top .s-box:hover input[type="button"]{ width:0.30rem; height: 0.30rem; background: url(../images/bg_searchbtn_hover.png) no-repeat center; background-size: 100%; right: 0.1rem;}
.banner .banner-con .header .logo-search{ margin: 0.27rem 0 0.46rem 0; position: relative;}
.banner .banner-con .header .logo-search .logo{ width:3.74rem; height: 0.59rem; background: url(../images/bg_b_logo.png) center no-repeat; background-size: 100%; display: block; position: absolute; top: 0; left: 0; right:auto; bottom: 0;}
.banner .banner-con .header .logo-search .search { width:90%; height: calc(100vw * 48 / 700); margin: 0.2rem auto 0 auto; position: relative; display: none;}
.banner .banner-con .header .logo-search .search input[type="text"] { width: 100%; height: 100%; padding-left: 0.15rem; font-size: 0.29rem; color: #fff; background-color: rgba(255, 255, 255, 0.6); border-radius: 0.03rem;}
.banner .banner-con .header .logo-search .search input[type="button"] { width: calc(100vw * 48 / 700); height: calc(100vw * 48 / 700); position: absolute; top:50%; right: 0.1rem; transform: translate(0, -50%); background: url(../images/bg_searchbtn.png) no-repeat center; background-size: 100%; cursor: pointer;}
.banner .banner-con .header .nav{ padding-top: 0.19rem; width: calc(100% - 3.74rem); margin: 0.27rem 0 0.46rem 0;}
.banner .banner-con .header .nav ul li{ width: calc(100% / 7); float: left; line-height: 0.35rem; text-align: right;}
.banner .banner-con .header .nav ul li a{ height: 100%; color: #fff; font-weight: bold; display: inline-block; position: relative;}
.banner .banner-con .header .nav ul li a span{ display: block;}
.banner .banner-con .header .nav ul li a i{ width:0; height: 0.02rem; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); background-color: #fff;}
.banner .banner-con .header .nav ul li:nth-of-type(1) a em{ width:100%; height: 100%; font-weight: bold; text-align: center; line-height: 0.42rem; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); display: none;}
.banner .banner-con .header .nav ul li:nth-of-type(1) a em img{ width:0.56rem; height: 0.56rem; margin: 0 auto; display: block;}
.banner .banner-con .header .nav ul li a:hover i{ width:100%;}

/****全网站-footer****/
.footer{ padding-bottom: 0.2rem; font-size: 0.16rem; background-color: #3978cc; position: relative;}
.footer .link{ padding: 0.23rem 0; border-bottom:0.01rem solid #4b85d3;}
.footer .link ul{ background: url(../images/bg_header_a.png) no-repeat center left;}
.footer .link ul li{ width:20%; float: left; text-align: center; background: url(../images/bg_header_a.png) no-repeat center right;}
.footer .link ul li .name{ color: #fff; line-height: 0.2rem; cursor: pointer;}
.footer .link ul li .link-con { width: 100%; height: 0; background: rgba(255, 255, 255, .96); position: absolute; left: 0; bottom: 2.9rem; z-index: 11; display: block; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; overflow: hidden;}
.footer .link ul li .link-con dl{}
.footer .link ul li .link-con dl dt { width: 20%; float: left; line-height: .38rem; text-align: center;}
.footer .link ul li .link-con.dfzf dl dt{ width:16.6666667%;}
.footer .link ul li.active .link-con { height: auto; padding: .15rem 0; display: block;}
.footer .foot-l{ width: calc(100% - 6.7rem); margin-top: 0.27rem;}
.footer .foot-l .link-nav{}
.footer .foot-l .link-nav a{ color: #fff; padding:0 0.2rem; background: url(../images/bg_header_a.png) no-repeat center right; display: inline-block;}
.footer .foot-l .link-nav a:nth-last-of-type(1){ background: transparent;}
.footer .foot-l .link-nav a:nth-of-type(1){ padding-left: 0;}
.footer .foot-l .wzxx{ margin-top: 0.15rem; color: #fff; line-height: 0.35rem;}
.footer .foot-l .wzxx a{ color: #fff; vertical-align: middle; display: inline-block;}
.footer .foot-r{ width:5.35rem; /* width:6.7rem; */ margin-top: 0.45rem; position: relative;}
.footer .foot-r .r-pic{ position: absolute; top:50%; left: 0; transform: translate(0, -50%);}
.footer .foot-r .r-pic a{ margin-left: 0.13rem; float: left; display: block;}
.footer .foot-r .r-pic .wzjc{ width:1.1rem; height: 0.69rem; padding-top: 0.07rem;}
.footer .foot-r .r-pic .slh{ width:1.16rem; height: 0.69rem;}
.footer .foot-r .r-pic .dzjg{ width:0.58rem; height: 0.69rem;}
.footer .foot-r .r-pic .wj{ width:0.43rem; height: 0.69rem;}
.footer .foot-r .r-ewm{ width:1.35rem; /* width:2.7rem; */ float: right;}
.footer .foot-r .r-ewm ul{ margin-right: -0.1rem;}
.footer .foot-r .r-ewm ul li{ width:auto; /* width: calc(100% / 2); */ float: left; line-height: 0.6rem; text-align: center;}
.footer .foot-r .r-ewm ul li .box{ margin-right: 0.1rem; font-size: 0.14rem; color: #fff; line-height: 0.18rem;}
.footer .foot-r .r-ewm ul li .box img{ width:1rem; height: 1rem; margin: 0 auto 0.03rem auto; border: 0.02rem solid #fff; display: block;}
.footer a:hover{ text-decoration: underline;}

/****部门街镇****/
.bmjz-menu { width: 100%; padding: 0.1rem 0 0.2rem 0; position: fixed; top: 0; left: 0; right: 0; z-index: 999999; background-color: rgba(59, 127, 215, 0.9); display: none;}
.bmjz-menu .w145 { position: relative; box-sizing: border-box;}
.bmjz-menu .hd { margin-top: 0.2rem;}
.bmjz-menu .hd span { padding: 0.06rem 0.3rem  0.08rem 0.3rem; font-size: 0.16rem; color: #fff; font-weight: bold; border-radius: 0.3rem; background-color: rgba(255, 255, 255, 0.3); display: inline-block;}
.bmjz-menu .bd { margin-top: 0.1rem;}
.bmjz-menu .bd ul li { width: 16.666%; float: left; line-height: 0.38rem;}
.bmjz-menu .bd ul li a { font-size: 0.16rem; color: #fff; padding-right: 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; box-sizing: border-box;}
.bmjz-menu .bd ul li a:hover { text-decoration: underline;}
.bmjz-menu .close { width:0.28rem; height: 0.28rem; position: absolute; top: 0; right: 0rem; cursor: pointer;}

/****普通信息列表****/
.info li { line-height: 0.52rem; position: relative;}
.info li a { margin-right: 1.18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.info li span { position: absolute; top: 0; right: 0;}
.info li:hover a, .info li:hover span { color: #3978cc; text-decoration: underline;}
.info li .span-app{ padding: 0 0.1rem 0.1rem 0.1rem; font-size: 0.26rem; line-height: 0.4rem; color: #3978cc; line-height: 0.22rem; text-align: center; border: 1px solid #3978cc; top:50%; right: 0.02rem; transform: translate(0, -50%); display: none;}
.info li .span-app em{ margin-bottom: 0.1rem; font-size: 0.29rem; line-height: 0.45rem; font-weight: bold; border-bottom: 1px solid #3978cc; display: block;}
.info li:hover .span-app{ text-decoration: none;}
 
/****当前位置****/
.dqwz{ margin: 0.28rem 0; padding-left: 0.26rem; font-size: 0.15rem; line-height: 0.16rem; position: relative;}
.dqwz img{ width:0.16rem; height: 0.16rem; vertical-align: text-top;}
.dqwz span, .dqwz a{ padding: 0 0.05rem; color: #666;}
.dqwz a:hover{ color: #3978cc; text-decoration: underline;}

/****返回顶部****/
#back-to-top { position: fixed; right: 0.05rem; bottom: 10%; z-index: 99;}
#back-to-top .fh{ width:0.5rem; padding: 0.05rem; float: right; font-size: 0.15rem; color: #fff; line-height: 0.21rem; text-align: center; border-radius: 0.03rem; display: block; -webkit-transition: 500ms; -o-transition: 500ms; -moz-transition: 500ms; transition: 500ms; background-color: #0a54a6;}
#back-to-top .fh a { color: #fff;}
#back-to-top .fh:hover{ background-color: #115db2;}
#back-to-top .pct{ width:2rem; height: 1rem; position: relative;}
#back-to-top .pct .swiper-container .swiper-wrapper .swiper-slide a img{ width:100%; height: 100%; object-fit: cover;}
#back-to-top .pct .swiper-container .swiper-pagination { height: 0.3rem; line-height: 0.3rem; bottom: -0.03rem;}
#back-to-top .pct .swiper-container .swiper-pagination .swiper-pagination-bullet{ width:0.06rem; height: 0.06rem;}

/****分页****/
.pagination{ margin-top: 0.25rem; font-size: 0.17rem; text-align: center;}
.pagination a{ width:0.32rem; margin: 0 0.06rem; text-align: center; line-height: 0.32rem; display: inline-block; background: #eee; border-radius: 0.03rem;}
.pagination a:hover { color: #fff; background: #1f6ec6; cursor: pointer;}
.pagination .first-page, .pagination .last-page, .pagination .yj-pga0, .pagination .yj-pga8 { width: 0.78rem;}
.pagination .active { background: #1f6ec6; color: #fff;}